<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>课程详细页</title>
    <link href="../c/base.css" rel="stylesheet" type="text/css">
    <link href="../c/toefl.css" rel="stylesheet" type="text/css">
    <link href="../c/bootstrap.min.css" rel="stylesheet" type="text/css">
    <script src="../j/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="../j/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/openpublicClass.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>


<div class="doc1180 ">
    <div class="crumbs_patch">
        <a href="###">公开课</a>》
        <a href="###">最新公开课</a>》
        <span>2015年托福英语考试</span>
    </div>
    <div class="classInfo">
        <dl>
            <dt><a href="###"><img src="../i/500x290.png"></a></dt>
            <dd>
                <div class="classInfo_title">安帅：打马竞伊斯科和J罗可能一起上|曝佩德罗已决定夏季离开巴萨</div>
                <div class="classInfo_time"><span>课程时间：</span><span>2015-12-29</span><span>15:30-17:30</span></div>
                <div class="classInfo_name">
                    <div class="classInfo_pic"><img src="../i/125x125.jpg"></div>
                    <div class="classInfo_zjr">主讲人：天天</div>
                    <a href="###" class="openClassZan classInfo_zan">30</a>
                    <div class="classInfo_adress"><span>|</span>上课方式：YYYY</div>
                </div>
                <div class="classInfo_icon">
                    <ul>
                        <li><a href="###" class="classInfo_iconWx">微信</a></li>
                        <li><a href="###" class="classInfo_iconWb">微博</a></li>
                        <li><a href="###" class="classInfo_iconKj">空间</a></li>
                        <li><a href="###" class="classInfo_iconQQ">QQ</a></li>
                        <li><a href="###" class="classInfo_iconrr">人人</a></li>
                        <li><a href="###" class="classInfo_iconxz" data-toggle="modal" data-target=".modal">资料下载</a>
                        </li>
                    </ul>
                </div>
                <div class="classInfo_text">倒计时：10天18小时56分<span>|</span>已报名人数：230人</div>
                <div class="fn-clear">
                    <a href="###" class="classInfo_ljbm">立即报名</a>
                    <a href="###" class="classInfo_join">加入该活动群</a>
                </div>
            </dd>
        </dl>
    </div>
    <div class="classInfo_main">
        <div class="classInfo_mainL">
            <div class="classInfo_menu fn-clear">
                <ul>
                    <li class="on"><a href="course-description.html" target="classDescIfr">课程介绍</a></li>
                    <li><a href="../personal-data/teacher-details.html" target="classDescIfr">教师介绍</a></li>
                </ul>
            </div>
            <iframe id="classDescIfr" name='classDescIfr' src="course-description.html"
                    style="width: 99vw;height: 84vh;" frameborder="no"></iframe>
        </div>

    </div>
    <div class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">课程资料</h4>
                </div>
                <div class="modal-body">
                    <div class="flcb_cardDownload">
                        <h3 class="flcb_cardDownloadT">2015年1月精品课程下载</h3>
                        <ul>
                            <li>
                                <span class="flcb_cardDownloadZl">资料1</span>
                                <span class="flcb_cardDownloadBt">2015年1月精品课听说读写下载</span>
                                <a href="###" class="flcb_cardDownloadXz">&nbsp;</a>
                            </li>
                            <li>
                                <span class="flcb_cardDownloadZl">资料1</span>
                                <span class="flcb_cardDownloadBt">2015年1月精品课听说读写下载</span>
                                <a href="###" class="flcb_cardDownloadXz">&nbsp;</a>
                            </li>
                            <li>
                                <span class="flcb_cardDownloadZl">资料1</span>
                                <span class="flcb_cardDownloadBt">2015年1月精品课听说读写下载</span>
                                <a href="###" class="flcb_cardDownloadXz">&nbsp;</a>
                            </li>
                        </ul>

                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

</div>

<script type="text/javascript">
    // 计算页面的实际高度，iframe自适应会用到
    function calcPageHeight(doc) {
        var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight);
        var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight);
        var height = Math.max(doc.body.clientHeight, doc.body.scrollHeight);
        return height
    }

    var ifr = document.getElementById('classDescIfr')
    ifr.onload = function () {
        var inter = window.setInterval(function () {
            var iDoc = ifr.contentDocument || ifr.document
            var height = calcPageHeight(iDoc)
            ifr.style.height = height + 'px'

        }, 100);
        window.setTimeout(function () {
            window.clearInterval(inter);
        }, 10000);

    }
</script>

</body>
</html>
